<!DOCTYPE html>
<html>

<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1,user-scalable=no">
    <meta name="format-detection" content="telephone=no" />
    <title>安心有家</title>
    <link rel="stylesheet" href="css/bootstrap.min.css" />
    <link rel="stylesheet" href="css/animate.min.css" />
    <link rel="stylesheet" href="//at.alicdn.com/t/font_1031196_66s8datjlfd.css" />
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/headleft.css">
    <link rel="stylesheet" href="css/swiper.min.css" />
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/dyf.css">
    <script src="js/jquery-1.11.3.js"></script>
    <script src="js/swiper-3.4.2.min.js"></script>
    <script src="js/laydate/laydate.js"></script>
</head>

<body>
    <!-- 头部-->
    <div class="daohang">
        <script>
            $(".daohang").load("header.html");
        </script>
    </div>
    <!-- 中间内容-->
    <div class="main-md">
        <!-- 左边-->
        <div class="left-content">
            <script>
                $(".left-content").load("left.html");
            </script>
        </div>
        <!-- 右边-->
        <div class="right-content">
            <div class="title">
                <h1> <i class="iconfont iconindex-copy"></i> 首页</h1>
            </div>
            <div class="index">
                <div class="index-item boxs">
                    <h1> <i class="iconfont iconbingtu"></i> 我的信息</h1>
                    <div class="ren_top">
                        <div class="ren_lf">
                            <div class="tou">
                                <div class="tou_lf">
                                    <div class="tou_inner">
                                        <div class="tou_inner_lf">
                                            <img src="images/ren.jpg" alt="">
                                        </div>
                                        <div class="tou_inner_rt">
                                            <h4> 张三 </h4>
                                            <p> 入职时间：2020-02-22 </p>
                                        </div>
                                    </div>
                                </div>
                                <div class="tou_rt">
                                    <a href="#"> 修改资料 </a>
                                </div>
                            </div>
                            <div class="tou_cen">
                                <p>手机号：13714786251 </p>
                                <p> 工号：123456789</p>
                                <p> 职位：超级管理员 </p>
                                <p>400电话：400-1234-567</p>
                            </div>
                            <div class="tou_bt">
                                <div class="tou_bt_item border_10">
                                    <div class="tou_bt_lf border_10">
                                        <div class="tou_it">
                                            <i class="iconfont iconrenwu"></i>
                                        </div>
                                    </div>
                                    <div class="tou_bt_rt">
                                        <div>
                                            <p class="fnt_14 col_33">总业绩</p>
                                            <h6 class="fnt_16 col_hei">20851.11元</h6>
                                        </div>
                                    </div>
                                </div>
                                <div class="tou_bt_item border_10">
                                    <div class="tou_bt_lf border_10">
                                        <div class="tou_it">
                                            <i class="iconfont iconpaiming"></i>
                                        </div>
                                    </div>
                                    <div class="tou_bt_rt">
                                        <div>
                                            <p class="fnt_14 col_33"> 月排名</p>
                                            <h6 class="fnt_16 col_hei"> <em class="col_lan">35</em> / 160(总人数)</h6>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="ren_rt col_fff">
                            <ul>
                                <li class="border_10">
                                    <a href="#" class="col_fff">
                                        <div class="guan_lf">
                                            <i class="iconfont iconrenwu"></i>
                                        </div>
                                        <div class="guan_rt">
                                            <h4 class="fnt_16 bld">业务合同管理</h4>
                                            <p>查看手中业务合同</p>
                                        </div>
                                    </a>
                                </li>
                                <li class="border_10">
                                    <a href="#" class="col_fff">
                                        <div class="guan_lf">
                                            <i class="iconfont iconyonghu1"></i>
                                        </div>
                                        <div class="guan_rt">
                                            <h4 class="fnt_16 bld">业绩管理</h4>
                                            <p>个人业绩数据查看</p>
                                        </div>
                                    </a>
                                </li>
                                <li class="border_10">
                                    <a href="#" class="col_fff">
                                        <div class="guan_lf">
                                            <i class="iconfont iconshuiwu-shi-weifannashuishenbaojijiaoshuishijian"></i>
                                        </div>
                                        <div class="guan_rt">
                                            <h4 class="fnt_16 bld">业绩排名</h4>
                                            <p>个人业绩排名查看</p>
                                        </div>
                                    </a>
                                </li>
                                <li class="border_10">
                                    <a href="#" class="col_fff">
                                        <div class="guan_lf">
                                            <i class="iconfont iconwarrantManage"></i>
                                        </div>
                                        <div class="guan_rt">
                                            <h4 class="fnt_16 bld">财务报表</h4>
                                            <p>各项目财务简报</p>
                                        </div>
                                    </a>
                                </li>
                                <li class="border_10">
                                    <a href="#" class="col_fff">
                                        <div class="guan_lf">
                                            <i class="iconfont iconjizhang"></i>
                                        </div>
                                        <div class="guan_rt">
                                            <h4 class="fnt_16 bld">数据统计</h4>
                                            <p>收入支出财务记录</p>
                                        </div>
                                    </a>
                                </li>
                                <li class="border_10">
                                    <a href="#" class="col_fff">
                                        <div class="guan_lf">
                                            <i class="iconfont iconjizhang"></i>
                                        </div>
                                        <div class="guan_rt">
                                            <h4 class="fnt_16 bld">营销推广</h4>
                                            <p>其他平台营销管理</p>
                                        </div>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="index_center">
                    <div class="index_center_lf">
                        <div class="index-item boxs">
                            <div class="boxs_tit">
                                <a href="#" class="rt fnt_14"> 查看更多 </a>
                                <a href="#" class="rt fnt_14"> 发布公告 </a>
                                <h2> <i class="iconfont iconshoucang"></i> 公告中心 </h2>
                            </div>
                            <div class="gonggao">
                                <ul>
                                    <li><a href="#">
                                        <h4 class="col_lan fnt_14 textOVerOne"><i class="iconfont iconyoujiantou"></i> 【公司通知】 安心友家后台操作管理以房地产中介行业为服务对象，协助房地产经纪人进行楼盘经营、客户管理以及资源开发等日常业务操作。本手册详细地介绍了有关楼盘经营管理系统的使用方法 <span class="rt">2020-05-28 09:53:22</span></h4>
                                        <p class="fnt_14 textOVerTwo">以房地产中介行业为服务对象，协助房地产经纪人进行楼盘经营、客户管理以及资源开发等日常业务操作。本手册详细地介绍了有关楼盘经营管理系统的使用方法以房地产中介行业为服务对象，协助房地产经纪人进行楼盘经营、客户管理以及资源开发等日常业务操作。本手册详细地介绍了有关楼盘经营管理系统的使用方法以房地产中介行业为服务对象，协助房地产经纪人进行楼盘经营、客户管理以及资源开发等日常业务操作。本手册详细地介绍了有关楼盘经营管理系统的使用方法</p>
                                    </a></li>
                                    <li><a href="#">
                                            <h4 class="col_lan fnt_14 textOVerOne"><i class="iconfont iconyoujiantou"></i> 【公司通知】 安心友家后台操作管理以房地产中介行业为服务对象，协助房地产经纪人进行楼盘经营、客户管理以及资源开发等日常业务操作。本手册详细地介绍了有关楼盘经营管理系统的使用方法 <span class="rt">2020-05-28 09:53:22</span></h4>
                                            <p class="fnt_14 textOVerTwo">以房地产中介行业为服务对象，协助房地产经纪人进行楼盘经营、客户管理以及资源开发等日常业务操作。本手册详细地介绍了有关楼盘经营管理系统的使用方法以房地产中介行业为服务对象，协助房地产经纪人进行楼盘经营、客户管理以及资源开发等日常业务操作。本手册详细地介绍了有关楼盘经营管理系统的使用方法以房地产中介行业为服务对象，协助房地产经纪人进行楼盘经营、客户管理以及资源开发等日常业务操作。本手册详细地介绍了有关楼盘经营管理系统的使用方法</p>
                                        </a></li>
                                        <li><a href="#">
                                                <h4 class="col_lan fnt_14 textOVerOne"><i class="iconfont iconyoujiantou"></i> 【公司通知】 安心友家后台操作管理以房地产中介行业为服务对象，协助房地产经纪人进行楼盘经营、客户管理以及资源开发等日常业务操作。本手册详细地介绍了有关楼盘经营管理系统的使用方法 <span class="rt">2020-05-28 09:53:22</span></h4>
                                                <p class="fnt_14 textOVerTwo">以房地产中介行业为服务对象，协助房地产经纪人进行楼盘经营、客户管理以及资源开发等日常业务操作。本手册详细地介绍了有关楼盘经营管理系统的使用方法以房地产中介行业为服务对象，协助房地产经纪人进行楼盘经营、客户管理以及资源开发等日常业务操作。本手册详细地介绍了有关楼盘经营管理系统的使用方法以房地产中介行业为服务对象，协助房地产经纪人进行楼盘经营、客户管理以及资源开发等日常业务操作。本手册详细地介绍了有关楼盘经营管理系统的使用方法</p>
                                            </a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="index_center_rt">
                        <div class="index-item boxs">
                            <div class="boxs_tit">
                                <a href="#" class="rt fnt_14"> 查看更多 </a>
                                <a href="#" class="rt fnt_14"> 发布公告 </a>
                                <h2> <i class="iconfont iconwenjian"></i> 文件中心 </h2>
                            </div>

                        </div>
                    </div>
                </div>



                <div class="index-item">
                    <h1>待办事项</h1>
                    <div class="index-list">
                        <h4>财务 </h4>
                        <p><a href="#"> 房租 </a>无房租欠款 </p>
                        <p><a href="#"> 快到期 </a>无合约快到期 </p>
                    </div>
                    <div class="index-list">
                        <h4>销售 </h4>
                        <p><a href="#"> 续租提醒 </a>无续租提醒 </p>
                        <p><a href="#"> 退房提醒 </a>无退房提醒 </p>
                        <p><a href="#"> 400来电 </a>暂无来电 </p>
                    </div>
                    <div class="index-list">
                        <h4>租约 </h4>
                        <p><a href="#"> 未上架 </a>无未上架房源 </p>
                    </div>
                    <div class="index-list">
                        <h4>服务 </h4>
                        <p><a href="#"> 报修保洁 </a>无报修保洁申请 </p>
                        <p><a href="#"> 委托申请 </a>无委托申请 </p>
                        <p><a href="#"> 预约看房 </a>无预约看房 </p>
                    </div>
                    <div class="both"></div>
                </div>
            </div>
        </div>
    </div>
    <script>
        laydate.render({
            elem: '.jianpan'
        });
    </script>
</body>

</html>